<script type="text/javascript" src="{{$LAYOUT_HELPER_URL}}front/js/jquery.validate.js" ></script>
<script type="text/javascript">
	jQuery(document).ready(function(){
		// validate signup form on keyup and submit
	    jQuery("#register-consumer").validate({
	        rules: {
	            'data[activation_code]': {
	                required: true,
	                minlength: 7
	             }
	        },
	        messages: {
	            'data[activation_code]': "",
	        }
	    });
	});

	function submitForm() {
		jQuery("#register-consumer").submit();
	}
	
</script>

<div id="content">
	<div id="register">
		<div id="title"><span class="yel">Đăng ký mở ví điện tử cá nhân</span></div>
	</div>
	<div class="box-content">		
		<div class="box-content-square" style="padding-top:0;">
		<form name="register-consumer" id="register-consumer" method="post">
			<div id="step-flow">
				<ul id="step-three">
					<li><strong>1.</strong>&nbsp;&nbsp;Thông tin đăng ký </li>
					<li class="active"><strong>2.</strong> &nbsp; &nbsp;Kích hoạt tài khoản</li>
					<li class="last"><strong>3.</strong>&nbsp;&nbsp;Hoàn tất</li>
				</ul>
			</div>
			<div id="complaints-note">
				<p><strong><u>Hướng dẫn</u></strong>: Để tạo tài khoản bạn hãy nhập thông tin cá nhân của bạn theo mẫu dưới. Thông tin cá nhân của bạn sẽ được ẩn trong tất cả các giao dịch.</p>
				<p><strong><u>Bước tiếp theo</u></strong>: Bạn hãy xác thực lại thông tin đăng kí bằng cách nhập vào mã số xác thực được hệ thống gửi đến email hoặc SMS của bạn.</p>
				<p><strong><u>Hoàn tất</u></strong>: Hệ thống sẽ gửi email hoặc SMS tới bạn để khẳng định bạn hoặc ai đó đã đăng kí tài khoản. Bạn tiếp tục nhập số thẻ ngân hàng và mã thẻ để hoàn tất. Sau khi hoàn tất bạn có thể dùng tài khoản BKPay để giao dịch tại các địa điểm hoặc website có hỗ trợ thanh toán thông qua BKPay.Vn.</p>
			</div>
			
			{{if $error|@count > 0 }}
				<div class="notification-error">
					{{$error.main}}
				</div>
			{{/if}}
					
			<h4>Mã kích hoạt tài khoản </h4>
			<div class="frame_focus">
					<div class="table-box">
					<table width="880" border="0" cellspacing="5" cellpadding="0">
					  
					   <tr>
						<td width="200" align="right"><span class="required">*</span>Mã xác nhận:</td>
						<td  class="blear"><input style="width:210px;" name="data[activation_code]" id="activation_code" type="text" value="" class="field-check keyboardInput" /></td>
					  </tr>
					  
					  <tr>
					  	<td>&nbsp;</td>
					  	<td><a href="javascript:submitForm();" title="Xác nhận"><img style="width: 80px; height:22px;" src="{{$LAYOUT_HELPER_URL}}front/images/button-confirm.png"/></a></td>
					  </tr>
					</table>
				</div>
			</div>
			
		</form>		 
		</div>		
	</div>
</div>